<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.mask.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/shop.js"></script>

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>

<!-- body -->
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form>
	<p class="userInfor02-div-head">訂單商品明細</p>
	<table width="100%" height="100%" class="table table-bordered">
		<tr>
			<th>#</th>
			<th>訂單編號</th>
			<th>商品名稱</th>
			<th>商品顏色</th>
			<th>商品尺寸</th>
			<th>商品價格</th>
			<th>商品數量</th>
		</tr>
		<s:if test="orderDetailList != null">
			<s:iterator value="orderDetailList" status="st">
				<tr>
					<td>
						<s:property value="#st.index + 1" />
						<s:hidden value="%{Seqid}" />
					</td>
					<td>
						<s:property value="Orderinformationseqid.Number"/>
					</td>
					<td>
						<s:property value="Iteminformationseqid.Name"/>
					</td>
					<td>
						<s:property value="Color"/>
					</td>
					<td>
						<s:property value="Size"/>
					</td>
					<td>
						<font class="font-price">
                    		<s:number name="Price" type="currency" groupingUsed="true" maximumFractionDigits="3" minimumFractionDigits="3" />
                   		</font>
					</td>
					<td>
						<s:property value="Amount"/>
					</td>
				</tr>
			</s:iterator>
			<tr>
				<td colspan="7">
					<p>
						<b>
							<font class="font-07">訂單金額 : <s:property value="orderInformationBo.Totalmoney"/> 元 / </font>
							<font class="font-07">運費 : <s:property value="orderInformationBo.Transportmethodseqid.Transportprice"/> 元 / </font>
							<font class="font-07">VIP折扣 : <s:property value="orderInformationBo.Salemoney" /> 元 / </font>
							<font class="font-07">使用購物金 : <s:property value="orderInformationBo.Useshoppingmoney" /> 元 &nbsp;&nbsp;&nbsp;</font>  
							<font class="font-06">應付總金額 : </font><font class="font-price">NT$ <s:property value="orderInformationBo.Realpaymoney" /> </font>
						</b>
					</p>
				</td>
			</tr>
		</s:if>
		<s:else>
			<p class="text-error">此訂單沒有任何商品項目喔!!</p>
		</s:else>
	</table>
	<div align="right">
		<input type="button" class="btn" onclick="closeWindow();" value="關閉" />
	</div>
</s:form>
</body>
</html>
